<template>
		<m-tabbar ref="tabbar" :beforeChange="onBeforeChange" >
		</m-tabbar>
</template>
<script>
	export default {
		data() {
			return {
			};
		},
		onShow() {},
		onLoad() {
			// this.$nextTick(()=>{
			// 	this.$refs.tabbar.setTabBarBadge({
			// 	  index: 0,
			// 	  text: '10'
			// 	})
			// })
		},
		methods: {
			onBeforeChange(next){
				uni.showModal({
					title: '非法进入',
					content: '您正在非法进入其他页面,是否继续',
					success: function(res) {
						if (res.confirm) {
							next()
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			
		}
	};
</script>
<style scoped>
	/deep/ .gui-radio-lable {
		flex: 1;
	}

	.shoppingcard-checkout {
		font-size: 24rpx;
		border-radius: 20rpx;
		height: 50rpx;
		padding: 0 25rpx;
		line-height: 50rpx;
		border: 2rpx solid #d33c30;
		border-radius: 25rpx;
	}

	.price {
		font-size: 24rpx;
		color: #353535;
		display: flex;
		align-items: center;
		margin-left: 10rpx;
	}

	.sum {
		color: #7c7c7c;
		font-size: 24rpx;
	}

	.shoppingcard-checkbtn {
		width: 154rpx;
	}

	.go-buy {
		width: 630rpx;
		height: 92rpx;
		border-radius: 46rpx;
		font-size: 32rpx;
		margin-top: 160rpx;
	}

	.gui-empty-img {
		width: 352rpx;
		height: 280rpx;
	}

	.edit-bnt {
		color: #27333c;
		font-size: 28rpx;
		margin-right: 20rpx;
	}

	.head-itle {
		font-size: 32rpx;
		font-weight: 700;
		color: rgb(0, 0, 0);
	}

	.course-image {
		width: 200rpx;
		height: 140rpx;
		border-radius: 10rpx;
	}

	.sourse-decs {
		margin-left: 24rpx;
		height: 144rpx;
	}

	.course-ratio {
		font-size: 24rpx;
		color: #fd722d;
	}

	.course-price {
		color: #f20000;
		font-size: 36rpx;
	}

	.gui-shoppingcard {
		border-radius: 8rpx;
		padding: 20rpx 30rpx;
	}

	.gui-shopp-name {
		width: 200rpx;
		flex: 1;
	}

	.gui-shopp-go {
		width: 120rpx;
		text-align: right;
	}

	.gui-shoppingcard-goods {
		margin: 20rpx 0;
	}

	.gui-shoppingcard-goods-checkbtn {
		width: 56rpx;
		display: flex;
		justify-content: center;
	}

	.gui-shoppingcard-goods-image {
		width: 120rpx;
		margin-right: 20rpx;
	}

	.gui-shoppingcard-goods-body {
		width: 400rpx;
		flex: 1;
		overflow: hidden;
	}

	.gui-shoppingcard-goods-title {
		line-height: 50rpx;
	}

	.gui-shoppingcard-goods-price {
		color: #ff0036;
		font-size: 32rpx;
	}

	.gui-shoppingcard-goods-number {
		padding: 2px 0;
	}

	.gui-shoppingcard-remove {
		text-align: right;
		line-height: 50rpx;
		margin-top: 20rpx;
		font-size: 24rpx;
	}

	.gui-list-item-right-title {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
	}

	.gui-shoppingcard-footer {
		background-color: #ffffff;
		position: absolute;
		z-index: 99;
		left: 0;
		bottom: 0;
		width: 750rpx;
		padding-left: 30rpx;
		height: 100rpx;
	}

	.gui-shoppingcard-checkbtn {
		width: 200rpx;
	}

	.gui-shoppingcard-count {
		width: 200rpx;
		flex: 1;
	}

	.gui-shoppingcard-checkout {
		width: 160rpx;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 28rpx;
		text-align: center;
	}

	.gui-picker {
		width: 488rpx;
		height: 72rpx;
		background: #f7f7f7;
		border-radius: 10rpx;
	}

	.gui-picker-placeholder {
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #6b6c7f;
	}

	.gui-picker-value {
		margin-left: 33rpx;
	}

	.modal-btns {
		line-height: 88rpx;
		font-size: 26rpx;
		text-align: center;
		width: 200rpx;
	}

	/* 如果购物车放在 switch 页面并且是 h5 端请打开注释启用下面的样式 */
	/* #ifdef H5 */
	.gui-shoppingcard-footer {
		/* bottom: 50px; */
	}

	/* #endif */
</style>